<html>
    <head>
        <title>${article.title} - Nate News Mobile</title>
		<meta name="layout" content="news" />
		<g:javascript library="jquery"/>
    </head>
    <body>
        <h2>
        	${article.title}
        </h2>
        
        <div id="news_content">
        	<p>${article.content}</p>
        	<p><a href="http://news.nate.com/view/${article.articleId}">원문 링크</a></p>
        </div>
        
        <br />
        
        <g:if test="${listOfBeple}">
	        <h3>베플</h3>
        </g:if>
    	<g:each var="beple" in="${listOfBeple}">
        	<div class="replyBar"></div>
        	<p> <img src="${resource(dir:'images',file:'ico_beple.gif')}" />
        		<b>${beple.username}</b><br />
        		${beple.content}<br />
        		추천:${beple.countOfGood},반대:${beple.countOfBad} (${beple.dateCreated.format('MM.dd hh:mm')})
        	</p>
        </g:each>
        <div class="replyBar"></div>
        <br />
        
        <!-- 이미지 클릭시 ThumbnailImage / OriginalImage 간 변환 -->
        <g:javascript>
	    	$(".thumbnailImage").click( function() {
	        	var imageLinkTag = '<img src="' + $("img", this).attr("origImageLinkUrl") + '" origImageLinkUrl="' + $("img", this).attr("src") + '" />';
	        	$(this).html(imageLinkTag);
	        });
		</g:javascript>
    </body>
</html>
